<template>
    <f7-page name="index">
        <f7-navbar title="Index"></f7-navbar>
        <f7-block>
            <p>
                Framework7 allows you to be flexible with list views (table views). You can make them as
                navigation menus, you can use there icons, inputs, and any elements inside of the list, and
                even make them nested:
            </p>
        </f7-block>
        <f7-block>
            <p>
                Framework7 allows you to be flexible with list views (table views). You can make them as
                navigation menus, you can use there icons, inputs, and any elements inside of the list, and
                even make them nested:
            </p>
        </f7-block>
        <f7-block>
            <p>
                Framework7 allows you to be flexible with list views (table views). You can make them as
                navigation menus, you can use there icons, inputs, and any elements inside of the list, and
                even make them nested:
            </p>
        </f7-block>
        <f7-block>
            <p>
                Framework7 allows you to be flexible with list views (table views). You can make them as
                navigation menus, you can use there icons, inputs, and any elements inside of the list, and
                even make them nested:
            </p>
        </f7-block>
        <f7-block>
            <p>
                Framework7 allows you to be flexible with list views (table views). You can make them as
                navigation menus, you can use there icons, inputs, and any elements inside of the list, and
                even make them nested:
            </p>
        </f7-block>
    </f7-page>
</template>
<script>
import { f7App, f7View, f7Navbar, f7ready, f7Panel } from 'framework7-vue';
export default {
    components: {
        f7App,
        f7Navbar,
        f7View,
        f7Panel,
    },
    mounted() {
        f7ready((f7) => {
        });
    },
}
</script>